<template>
  <div>
      <h1>父亲组件</h1>
      <h3>{{add}}</h3>
      <h3>{{mini}}</h3>
      <Children :count="count" @add="myadd" @mini="mymini"></Children>
  </div>
</template>

<script>
import Children from './Children'
import Brother from './Brother'
export default {
    components:{
        Children
    },
  data: function() {
    return {
        count:1,
        add:"",
        mini:''
    }
  },
  methods: {
      myadd(e){
          this.count++;
        //   console.log(e);
        this.add=e
      },
      mymini(e){
          this.count--;
        //   console.log(e);
        this.mini=e
      }
  },
  created() {}
}
</script>

<style lang='less' scoped>
</style>
